@border-color:1px solid #ccc;
@border-bottom-color:3px solid rgb(232, 65, 51);
@base-color-rgba:rgb(232, 65, 51);
@base-color: #ccc;
@media screen  and (max-width:650px){
		footer{
			.webNumber{
				display: flex;
				flex-direction: column;
			}
		}
	}

 * { touch-action: pan-y; }
 .pcImg {
 	width: 100%;
 	height: 410px;
 	display: block;
 	background-position: center center;
 	background-size: cover;
 }
 
 @media screen and (max-width: 992px) {
 	.nav-item:hover>a {
 		border-bottom: none !important;
 	}
 }
 
 @media screen and (min-width: 440px) and (max-width: 768px) {
 	.wjs_left .row>div {
 		text-align: center !important;
 	}
 }
 
 
 
.wjs_phone {
  vertical-align: middle;
}
.icon-phone {
  font-size: 12px;
}
// html{
// 	height: 2000px;
// }
// 顶部
.wjs_header {
  height: 50px;
  line-height: 50px;
  border-bottom: @border-color;
  text-align: center;
  .container {
    height: 100%;
    .row {
      height: 100%;
      div {
        height: 100%;
      }
      div:nth-of-type(-n + 3) {
        border-right: @border-color;
      }
      div:nth-of-type(1) {
        position: relative;
        cursor: pointer;
        img {
          display: none;
        }
        &:hover {
          .icon-xiajiantou::before {
            transform: rotate(180deg);
          }
          img {
            display: block;
            position: absolute;
            top: 49px;
            left: 50%;
            transform: translateX(-50%);
            border: @border-color;
            border-top: none;
			z-index: 99;
          }
        }
      }
      div:nth-of-type(2) {
        .icon-Incoming_call {
          font-size: 20px;
          vertical-align: bottom;
        }
      }
      div:last-of-type {
        .btn {
          padding: 0px 15px;
          vertical-align: baseline;
        }
      }
    }
  } 
}
// 导航栏
.wjs_nav {
	.navbar{
	line-height: 51px;
	padding: 0;
	.navbar-brand{
		height: 70px;
		.wjs_icon{
			font-size: 40px;
		}
		> span:first-of-type{
			color: @base-color-rgba;
		}
		> span:last-of-type{
			color: #333;
		}
	}
  .nav-item:last-of-type > a {
    color: rgba(0, 0, 0, 0.5);
  }
  .nav-item{
	  height: 70px;
	  &:hover a{
		  color: rgba(0, 0, 0, 0.5)!important;
		  border-bottom: @border-bottom-color;
	  }
  }
  .myuser{
	  line-height: 70px;
	  a{
		  height: 100%;
		  display: block;
	  }
  }
  a{
  	font-size: 16px;
  }
  .tz{
  	color: rgba(0, 0, 0, 0.5)!important;
  }
}
}
// 信息模块
.information{
	.container{
		.row{
			>div{
				padding: 25px 0;
				.wjs_icon{
					font-size: 30px;
					padding: 6px 12px;
				}
				&:hover .media-body{
					color: @base-color-rgba;
					cursor: pointer;
				}
			}
		}
	}
}                    
// 预约信息模块
.appointment{
	height: 60px;
	line-height: 60px;
	border-bottom: @border-color;
	border-top: @border-color;
	.wjs_icon{
		font-size: 18px;
	}
	.appointmentRow{
		color: @base-color-rgba;
		border-bottom: 1px dashed @base-color-rgba;
	}
	a:hover{
		color: @base-color-rgba;
	}
}
// tab栏
.tab{
	#wrapper{
		border-bottom: 1px solid #ccc;
		margin-bottom: 18px;
		overflow: hidden;
		width: 100%;
	}
	background-color: #eee;
		padding: 20px;
	.nav-item{
		line-height: 50px;
		border-bottom: 3px solid transparent;
		.active{
			background-color: transparent;
			color: #000;
		}
		.nav-lick{
			border: none;
			border-radius: 0;
		}
		&:hover{
			border-bottom: @border-bottom-color;
		}
	}
	// tab对应的面板
	.wjs_box{
		background-color: #fff;
		&.active{
			color: #fff;
			background-color: @base-color-rgba;
			.wjs_left,
			.wjs_right{
				background-color: transparent;
				color: #fff;
			}
			#activeText b,
			#activeText sub{
				color: #fff;
			}
			.wjs_left{
				position: relative;
				&::before{
					content: '\e915';
					font-family: 'wjs';
					position: absolute;
					font-size: 30px;
					top: -7px;
					left: 0;
				}
			}
		}
	.wjs_left{
		background-color: #fff;
		font-size: 12px;
		margin-bottom: 15px;
		>p{
			text-align: center;
			font-size: 16px;
			width: 70%;
			margin-bottom: 0;
			padding-top: 3px;
		}	
			.row{
					margin-right: 110px; 
					margin-left: 5px;
				div{
					padding: 10px  0 0;
					p{
						margin-bottom: 6px;
					}
				}
				:nth-child(even){
					text-align: right;
				}
			}
		}
	.wjs_right{
		width: 100px;
		// height: 100%;
		position: absolute;
		top: 0;
		right: 15px;
		background-color: #fff;
		text-align: center;
		padding-top: 30px;
		border-left: 1px dashed #eee;
		.text{
			position: absolute;
			top: 20px;
			left: 50%;
			transform: translateX(-50%);
		>span:first-of-type{
			color: red;
			border: 1px solid red;
			&:hover{
				cursor: pointer;
			}
		}
		>span:last-of-type{
			color: deepskyblue;
			border: 1px solid deepskyblue;
			&:hover{
				cursor: pointer;
			}
		}
		}
		b{
			font-size: 40px;
			color: @base-color-rgba;
		}
		sub{
			bottom: 0;
			color: @base-color-rgba;
		}
		&::before,
		&::after{
			content: "";
			border-radius: 50%;
			width: 10px;
			height: 10px;
			background-color: #eee;
			position: absolute;
			left: -6px;
		}
		&::before{
			top: -5px;
			box-shadow: 0 -1px 1px #ddd inset;
		}
		&::after{
			bottom: -7px;
			box-shadow: 0 1px 1px #ddd inset;
		}
	}
	}
}
// 新闻模块
.newsModule{
	    margin-bottom: 20px;
		.allnew{
			h4{
				line-height: 80px;
				border-bottom: 1px solid #ccc;
				width: 82%;
				position: relative;
				text-align: center;
			&::after{
				content: "";
				position: absolute;
				right: -8px;
				bottom: -5px;
				width: 10px;
				height: 10px;
				border-radius: 50%;
				border: 1px solid #ccc;
			}
			}
	}
	.icons{
		margin-top: 15px;
		// 虚线
			.newsLine{
				height: 100%;
				width: 1px;
				border-left: 1px dashed @base-color-rgba;
				position: absolute;
				top: 0;
				left: 44px;
			}
		.nav{
			.active{
				background-color: @base-color-rgba;
			}
			li{
				a{
					width: 60px;
					height: 60px;
					background-color: #ccc;
					border-radius: 50%;
					margin-bottom: 30px;
					position: relative;
					z-index: 1;
				> .wjs_icon{
					font-size: 29px;
					color: #fff;
					}
				}
				&:last-of-type a{
					margin-bottom: 0;
				}
			}
			
			// 移入
			a:hover{
				background-color: @base-color-rgba;
			}
			// 点击时
			.nav-link.active,
			  .show > .nav-link {
				  background-color: @base-color-rgba;
			  }
			  
		}
	}
	.flex-column{
		flex-direction: row!important;
	}
	@media screen and (min-width:768px) and (max-width:992px){
		.nav > li > a{
			margin: 20px 30px;
		}
	}
	@media screen and (max-width:767px){
		.tab-content ul{
			padding: 0;
			li > span{
				display: none;
			}
		}
		.allnew h4{
			width: 89%;
		}
		.nav > li{
			width: 25%;
		}
	}
	// 画板
	.blackboard{
		margin-top: 15px;
		.tab-content{
			li{
				list-style: none;
				line-height: 39px;
			}
		}
	}
}
footer{
	padding: 30px;
	background-color: #ccc;
	.row{
		justify-content: center;
	}
	li{
		list-style: none;
		text-align: center;
		margin: 10px;
		font-size: 50px;
	}
	h4{
		text-align: center;
	}
	.webNumber{
		text-align: center;
	}
	
}
// 习近平会见德国总理朔尔茨
// 1《个人养老金实施办法》发布热
// 2中国向空客公司采购140架飞机热
// 33D动画演示中国空间站建造历程
// 4救护车坐地起价?官方:涉事人员被抓热
// 5广州:防疫期间不讲条件优先治病救人
// 6苏有朋披荆斩棘总冠军
// 7司机未戴口罩被罚2千大哭？多方回应热
// 8浙江一高校现绝美英语外教
// 9韩国军方：朝鲜发射80多枚炮弹
